<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>实验室管理系统-个人信息设置</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/setting.css">
  <script src="static/js/jquery-3.2.1.min.js" charset="utf-8"></script>
  <script src="static/js/LabManagerMainTools.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="homepageContainer">
      <div class="homepageHeader">
        <div class="homeTitle">
          <h1>实验室管理系统</h1>
        </div>
        <div class="navBox">
          <ul class="navList">
            <li><a href="homepage.html">主页</a></li>
            <li><a href="personnalManagement.html">人员管理</a></li>
            <li><a href="resourceManage.html">物资管理</a></li>
            <li class="liActive"><a href="setting.html">个人信息设置</a></li>
            <li><a href="javascript:;" onclick="loginOut();">登出</a></li>
          </ul>
        </div>
        <div class="containerBox">
            <div class="settingForm">
              <div class="settingValue">
                <div class="settingLabel">学号</div>
                <input type="text" id="sudentId" disabled="" />
              </div>
              <div class="settingValue">
                <div class="settingLabel">姓名</div>
                <input type="text" id="realName" onfocus="clearErrorText()" />
                <span id="usernameError"></span>
              </div>
              <div class="settingValue">
                <div class="settingLabel">性别</div>
                <input type="radio" id="radioBox" name="sexy" value="男" checked="true" />男
                <input type="radio" id="radioBox" name="sexy" value="女" />女
              </div>
              <div class="settingValue">
                <div class="settingLabel">学院</div>
                <input type="text" id="academy"/>
              </div>
              <div class="settingValue">
                <div class="settingLabel">年级</div>
                <select id="gradeList">
                  <option value="2014级">2014级</option>
                  <option value="2015级">2015级</option>
                  <option value="2016级">2016级</option>
                  <option value="2017级">2017级</option>
                </select>
              </div>
              <div class="settingValue">
                <div class="settingLabel">班级</div>
                <input type="text" id="classname"/>
              </div>
              <div class="settingValue">
                <div class="settingLabel">联系电话</div>
                <input type="text" id="telPhone" onfocus="clearErrorText()"/>
                <span id="telnumError"></span>
              </div>
              <div class="settingValue">
                <div class="settingLabel">实验室</div>
                <input type="text" id="labName" disabled="" />
              </div>
              <div class="settingValue">
                <div class="settingLabel">小组</div>
                <input type="text" id="group" disabled="" />
              </div>
            </div>
            <div class="settingTips">
              <h3>修改提示：</h3>
              <p>1.学号、实验室和小组不能修改。</p>
              <p>2.其他信息请如实填写。</p>
              <p>3.修改密码时，密码为6-16位字母+数字+特殊字符组合。</p>
            </div>
            <div class="accountBox">
              <h3>修改密码</h3>
              <div class="accountValue">
                <div class="accountLabel">初始密码</div>
                <input type="password" id="password" onfocus="clearErrorText()"/>
                <span id="oldpswError"></span>
              </div>
              <div class="accountValue">
                <div class="accountLabel">新密码</div>
                <input type="password" id="newpassword" onfocus="clearErrorText()"/>
                <span id="newpswError"></span>
              </div>
              <div class="accountValue">
                <div class="accountLabel">确认密码</div>
                <input type="password" id="confirmpassword" onfocus="clearErrorText()"/>
                <span id="conpswError"></span>
              </div>
              <div class="accountConfirmBtn">确认</div>
              <div class="accountCancle">取消</div>
            </div>
            <div class="BtnBox">
              <div class="applyBtn">
                确认提交
              </div>
              <div class="accountBtn" onclick="account();">
                修改密码
              </div>
            </div>
        </div>
      </div>
    </div>
    <script src="static/js/setting.js" charset="utf-8"></script>
</body>
</html>
